<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta content=always name=referrer>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/base.css">
    <script src="__STATIC__/js/jquery-1.8.2.js"></script>
    <script src="__STATIC__/js/swiper.min.js"></script>
    <title>热点详情</title>
    <script>
        $(function(){
            $(".search").click(
                    function(){
                        var h=$(window).height();
                        $(".board").css({height:h+"px"});
                        $(".footer").css({display:"block"});
                    }
            )
            $(".cancel").click(
                    function(){
                        $(".board").css({height:""});
                        $(".footer").css({display:"none"});
                    }
            )
        })
    </script>
    <script>
//        $(function () {
//            var swiper = new Swiper('.swiper-container', {
//                slidesPerView: 4,
//                spaceBetween: 10,
//                freeMode: true
//            });
//        })
    </script>
</head>
<body>
<div class="wrap-hotxq">
    <div class="header">
        <p>热点</p>
        <img src="__STATIC__/img_user/back.png" class="back" onclick=window.location.href="{:url('mobile/user_port/hotSpot')}">
        <img src="__STATIC__/img_user/cx-gouwu.png" class="search">
        <img class="share" src="__STATIC__/img_user/cx-fenxiang.png">
    </div>
    <div class="center">
        <img src="/{$result.picUrl}" class="pic">
        <div class="content">
            {$result.content}
        </div>
    </div>
    <div class="footer">
        <p>活动提及商品(10)</p>
        <div class="swiper-container main1" style="border:1px solid red;">
            <ul class="swiper-wrapper">
                {volist name="result.goods" id='v'}
                <li class="swiper-slide">
                    <a href="{:url('mobile/user_category/goods_details')}?goods_id={$v.id}">
                        <img src="/{$v.thumb_img}" style="width: 100%;">
                        <p>{$v.title}</p>
                        <span>立即购买</span>
                    </a>
                </li>
                {/volist}
            </ul>
        </div>
        <script>
            var swiper1 = new Swiper('.main1', {
                slidesPerView: 3,
                paginationClickable: true,
                spaceBetween: 15,
                freeMode: true
            });
        </script>
        <img src="__STATIC__/img_user/cancel.png" class="cancel">
    </div>
    <div class="board"></div>
</div>

</body>
</html>